/* ------------------------------------------------------------------------------
 *
 *  # Search
 *
 *  Styles for search results and input
 *
 *  Version: 1.0
 *  Latest update: May 25, 2015
 *
 * ---------------------------------------------------------------------------- */

// Add light grey color to input inside panel
.panel .main-search input[type=text] {
  background-color: @color-grey-50;
}

// Result details bottom spacing
.search-results-list {
  .list-inline {
    margin-bottom: 5px;
  }
}

// Related searches list
.related-searches {
  margin-top: @line-height-computed;
  margin-bottom: @line-height-computed;
  padding: @panel-body-padding;
  border-top: 1px solid @gray-lighter;
  border-bottom: 1px solid @gray-lighter;
}

// Results
.website-search-results {
  padding: @line-height-computed;
  padding-bottom: 0;
  border-bottom: 1px solid @gray-lighter;
}

// Media preview size
.media-preview {
  width: auto;
  height: auto;
  max-width: none;
  max-height: 90px;
}

// Search option buttons, below search field
@media (max-width: @screen-xs-max) {
  .search-option-buttons {
    text-align: center;

    > .text-right {
      text-align: inherit;
    }
  }
}
